<script>
  export let size = "24px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width={size}
  height={size}
  viewBox="0 0 24 24"
  fill="none"
>
  <rect x="6" y="14" width="3" height="5" fill={primaryColor} />
  <path
    d="M6 4.5C6 4.22386 6.22386 4 6.5 4H8.5C8.77614 4 9 4.22386 9 4.5V11H6V4.5Z"
    fill={primaryColor}
  />
  <rect x="6" y="11" width="3" height="3" fill={secondaryColor} />
  <rect x="11" y="17" width="3" height="2" fill={primaryColor} />
  <path
    d="M11 4.5C11 4.22386 11.2239 4 11.5 4H13.5C13.7761 4 14 4.22386 14 4.5V10H11V4.5Z"
    fill={primaryColor}
  />
  <rect x="11" y="10" width="3" height="7" fill={secondaryColor} />
  <rect x="16" y="13" width="3" height="6" fill={primaryColor} />
  <path
    d="M16 4.5C16 4.22386 16.2239 4 16.5 4H18.5C18.7761 4 19 4.22386 19 4.5V9H16V4.5Z"
    fill={primaryColor}
  />
  <rect x="16" y="9" width="3" height="4" fill={secondaryColor} />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M2 20V3.5C2 3.22386 2.22386 3 2.5 3H3C3.27614 3 3.5 3.22386 3.5 3.5V20H2Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M22 19.5C22 19.7761 21.7761 20 21.5 20H3V18.5H21.5C21.7761 18.5 22 18.7239 22 19V19.5Z"
    fill={primaryColor}
  />
</svg>
